<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分销团队</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="../double.css" />
		<link rel="stylesheet" type="text/css" href="me.css" />
		<script src="../../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="sideMenu">
		    <ul>
		        <li class="nLi ">
		            <div class=" superior">
						<div class="bb clearfix">
							<div class="face_box fl">
								<img src="../../img/touxiang22x.png" class="face">
								<img src="../../img/vip2x.png" class="vip">
							</div>
							<div class="fl text">
								<p class="name"><span>Sabrian妃儿</span> <img src="../../img/renshu2x.png" class="team_img"><i>5</i></p>
								<p class="date">加入时间：2019-08-10</p>
							</div>
							<img src="../../img/gengduo2x.png" class="fr right">
						</div>
					</div>
		            <ul class="team_sub">
		                <li class="clearfix">
								<div class="face_box fl">
									<img src="../../img/touxiang22x.png" class="face">
									<img src="../../img/vip2x.png" class="vip">
								</div>
								<div class="fl text">
									<p class="name">Sabrian妃儿</p>
									<p class="date">加入时间：2019-08-10</p>
								</div>
						</li>
						<li class="clearfix">
								<div class="face_box fl">
									<img src="../../img/touxiang22x.png" class="face">
									<img src="../../img/vip2x.png" class="vip">
								</div>
								<div class="fl text">
									<p class="name">Sabrian妃儿</p>
									<p class="date">加入时间：2019-08-10</p>
								</div>
						</li>
		            </ul>
		        </li>

		        </li>
		    </ul>
		</div>
		<script type="text/javascript">
		    $(function(){
		        $(".sideMenu .nLi .superior").click(function(){
		            if($(this).parent(".nLi").hasClass("on")){
		                $(this).next(".team_sub").slideUp(300,function(){
		                    $(this).parent(".nLi").removeClass("on")
		                });
		            }else{
		                $(this).next(".team_sub").slideDown(300,function(){
		                    $(this).parent(".nLi").addClass("on")
		                });
		            }
						
		        })
				$(".sideMenu .nLi .superior .bb").click(function(){
					if($(this).children('.right').attr('src')=='../../img/gengduo2x.png'){
					    $(this).children('.right').attr('src','../../img/zhankai2x.png');
						$(this).children('.right').css("width","12px")
					}else{
					    $(this).children('.right').attr('src','../../img/gengduo2x.png');
						$(this).children('.right').css("width","7px")
					}
					})
		    })
		</script>
		
	</body>
</html>
